<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>波罗鸡</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <script src="{{url('js/jquery.min.js')}}"></script>
    <link href="{{url('css/style.css')}}" rel="stylesheet" type="text/css"/>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
</head>
<body>

<section class="aui-flexView">
    <section class="aui-scrollView">
        <div class="img_gallery" id="commodity">
            <div class="main_img">
                <ul>
                    <li>
                        <img src="http://file.rzkeji.com/web/boluoji/1.jpg" alt="">
                    </li>
                    <li>
                        <img src="http://file.rzkeji.com/web/boluoji/5.jpg" alt="">
                    </li>
                    <li>
                        <img src="http://file.rzkeji.com/web/boluoji/2.jpg" alt="">
                    </li>
                    <li>
                        <img src="http://file.rzkeji.com/web/boluoji/3.jpg" alt="">
                    </li>
                    <li>
                        <img src="http://file.rzkeji.com/web/boluoji/4.jpg" alt="">
                    </li>
                </ul>
            </div>
            <div class="img_font">
                <span>1/5</span>
                <span>2/5</span>
                <span>3/5</span>
                <span>4/5</span>
                <span>5/5</span>
            </div>
        </div>
        <div class="aui-product-head aui-footer-flex">
            <h2>
                <i>￥</i>
                {{$good->amount}}
            </h2>
            <span>￥25</span>
            <em>5瓶包邮</em>
        </div>
        <div class="aui-product-title">
            <h2>{{$good->name}}</h2>
        </div>
        <div class="aui-product-title aui-product-title-text">
            <h2>{{$good->info}}</h2>
        </div>
        {{--<div class="aui-tag-info clearfix">--}}
{{--            <img src="{{url('images/tmp/icon-rb.png')}}" alt="">--}}
            {{--<span>菠萝鸡品牌与二天堂合作产品</span>--}}
        {{--</div>--}}
        {{--<div class="aui-ad-img">--}}
            {{--<img src="{{url('images/xiangqing3.jpg')}}" alt="">--}}
        {{--</div>--}}
        <div class="aui-module-box">
            <ul>
                {{--<li class="aui-footer-flex" data-ydui-actionsheet="{target:'#actionSheet',closeElement:'#cancel'}">--}}
                    {{--<div class="aui-module-hd">选择</div>--}}
                    {{--<div class="aui-module-bd">尺码</div>--}}
                    {{--<div class="aui-module-fr aui-footer-flex1"></div>--}}
                {{--</li>--}}
                {{--<li class="aui-footer-flex" data-ydui-actionsheet="{target:'#actionSheet1',closeElement:'#cancel1'}">--}}
                    {{--<div class="aui-module-hd">抢购时间</div>--}}
                    {{--<div class="aui-module-bd">--}}
                        {{--<span>[12期免息]</span>--}}
                        {{--免费开通易支付 全场最低6期免息--}}


                    {{--</div>--}}
                    {{--<div class="aui-module-fr aui-footer-flex1"></div>--}}
                {{--</li>--}}
                <li class="aui-footer-flex" data-ydui-actionsheet="{target:'#actionSheet2',closeElement:'#cancel2'}" style="display:inherit">
                    <div class="aui-footer-flex">
                        <div class="aui-module-hd">物流</div>
                        {{--<div class="aui-module-bd">杭州 至 北京市海淀区西三环北路43号</div>--}}
                        {{--<div class="aui-module-fr aui-footer-flex1"></div>--}}
                    </div>
                    <div class="aui-address-box aui-footer-flex">
                        <div class="aui-address-box-item aui-address-box-item-line-one">
                                    <span class="aui-address-box-item-img">
                                        <img src="{{url('images/tmp/icon-ad-001.png')}}" alt="">
                                    </span>
                            <span>抢购</span>
                        </div>
                        <div class="aui-address-box-item aui-address-box-item-line-one">
                                    <span class="aui-address-box-item-img">
                                        <img src="{{url('images/tmp/icon-ad-002.png')}}" alt="">
                                    </span>
                            <span>1-2天发货</span>
                        </div>
                        <div class="aui-address-box-item">
                                    <span class="aui-address-box-item-img">
                                        <img src="{{url('images/tmp/icon-ad-003.png')}}" alt="">
                                    </span>
                            <span>签收</span>
                        </div>
                    </div>
                </li>
                <li class="aui-footer-flex" data-ydui-actionsheet="{target:'#actionSheet3',closeElement:'#cancel3'}">
                    <div class="aui-module-hd">库存</div>
                    <div class="aui-module-bd">{{$good->stock}}份</div>
                    {{--<div class="aui-module-fr aui-footer-flex1"></div>--}}
                </li>
                <li class="aui-footer-flex" data-ydui-actionsheet="{target:'#actionSheet3',closeElement:'#cancel3'}">
                    <div class="aui-module-hd">运费</div>
                    <div class="aui-module-bd">8元（满5瓶包邮）</div>
                    {{--<div class="aui-module-fr aui-footer-flex1"></div>--}}
                </li>
                <li class="aui-footer-flex" data-ydui-actionsheet="{target:'#actionSheet4',closeElement:'#cancel4'}">
                    <div class="aui-module-hd">说明</div>
                    <div class="aui-module-bd">假一赔十 | 自营发货</div>
                    {{--<div class="aui-module-fr aui-footer-flex1"></div>--}}
                </li>
            </ul>
        </div>

        <div class="divHeight"></div>
        <div class="aui-introduce">
            <div class="aui-tab" data-ydui-tab>
                <div class="tab-panel">
                    <div class="tab-panel-item tab-active">
                        <div class="tab-item">
                            <div class="aui-page-img">
                                {{--<div class="aui-page-pig">--}}

                                {{--</div>--}}

                                <img src="http://file.rzkeji.com/web/boluoji/xiangqing.jpg" alt="">
                                <img src="http://file.rzkeji.com/web/boluoji/xiangqing2.jpg" alt="">
{{--                                <img src="{{url('images/xiangqing3.jpg')}}" alt="">--}}
                                {{--<img src="{{url('images/tmp/page-004.png')}}" alt="">--}}
                                {{--<img src="{{url('images/tmp/page-005.png')}}" alt="">--}}
                                {{--<img src="{{url('images/tmp/page-006.png')}}" alt="">--}}
                                {{--<img src="{{url('images/tmp/page-007.png')}}" alt="">--}}
                                {{--<img src="{{url('images/tmp/page-008.png')}}" alt="">--}}
                                {{--<img src="{{url('images/tmp/page-009.png')}}" alt="">--}}
                            </div>
                            {{--<div class="aui-Written-text">--}}
                                {{--<h3>不同版本信息说明</h3>--}}
                                {{--<p>由于海淘商品是品牌方交由不同国家的生产厂家生产且出售国家地区不同，因此会出现同一商品多版本情况，不同版本的商品会存在细微的差异</p>--}}
                                {{--<p>商城对每批商品都会经过5道程序仔细核对，确保发到您手中的商品100%正品，假一赔十，请您放心购买</p>--}}
                            {{--</div>--}}
                            {{--<div class="aui-Written-title">--}}
                                {{--<h3>包装与生产日期</h3>--}}
                                {{--<p>商品的包装，国外更注重环保和便捷性，而不是包装如何奢华。大部分国际一线品牌，奢侈品的包装也很简单，比如产自欧美，日韩的化妆品，大部分无外盒，不塑封，开口处也没有封口贴。</p>--}}
                                {{--<p>国外的商品包装上一般不会单独列出保质期多长，通常只在产品包装上标准生产日期或有效日期，也有只标注出场批号的情况：比如日本和欧洲的洗护品，化妆品（有些品牌可以根据批号读取日期，在此不做一一列举）。但请放心，商城销售的国外商品都是符合规定的合格产品。有些喷印的日期，在运输过程中因为摩擦碰撞很容易糊掉或碰掉，是正常现象。</p>--}}
                                {{--<p>国外食品一般表示"Best before date"，既最佳赏味日期。该日期不是"最终保质期"，意为在此日期前食用能保证食物新鲜，故在"最佳赏味日期"前食用风味更佳。</p>--}}
                                {{--<p>各国商品有效期的书写方式，可在商城pc页面底部-新手指南-常见问题中查看详情。</p>--}}
                                {{--<h3>价格说明</h3>--}}
                                {{--<p>1、划线价、参考价：商品展示的划线价或参考价可能是品牌专柜价、商品吊牌价或由品牌供应商提供的正品零售价（如厂商指导价、建议零售价等）或该商品在商城上曾经展示过的销售价；由于地区、时间的差异性和市场行情的波动，品牌专柜标价、商品吊牌价等可能会与您购物时展示的不一致，该价格仅供您参考。</p>--}}
                                {{--<p>2、促销价：如无特殊说明，促销价是销售商在参考价基础上给予的优惠价格。如有疑问，您可以与客服联系。</p>--}}
                                {{--<p>3、商城价：商城非会员用户购买的商品详情页显示的售价，是非会员用户最终决定是否购买该商品的依据。</p>--}}
                                {{--<p>4、会员价：在商城价的基础上给予会员用户的优惠价格，仅会员用户可以会员价购买该商品。</p>--}}
                                {{--<p>5、价格异常：因可能存在系统缓存、页面更新延迟等不确定性情况，导致价格显示异常，商品具体售价请以订单结算页价格为准。如您发现异常情况出现，请立即联系我们补正，以便您能顺利购物。</p>--}}
                                {{--<h3>消费者告知书</h3>--}}
                                {{--<p>请您在购买前务必认真、详细阅读并完全理解本告知书的全部内容，并对资深风险承担做出客观判断</p>--}}
                                {{--<p>1、您在商城商城上购买的境外商品等同于原产地直接销售商品，因此商品本身可能无中文标签，如果需要您可以通过网站查看相关商品标签中文翻译或者联系客服。</p>--}}
                                {{--<p>2、促销价：如无特殊说明，促销价是销售商在参考价基础上给予的优惠价格。如有疑问，您可以与客服联系。</p>--}}
                                {{--<p>3、商城价：商城非会员用户购买的商品详情页显示的售价，是非会员用户最终决定是否购买该商品的依据。</p>--}}
                                {{--<p>4、会员价：在商城价的基础上给予会员用户的优惠价格，仅会员用户可以会员价购买该商品。</p>--}}
                                {{--<p>5、价格异常：因可能存在系统缓存、页面更新延迟等不确定性情况，导致价格显示异常，商品具体售价请以订单结算页价格为准。如您发现异常情况出现，请立即联系我们补正，以便您能顺利购物。</p>--}}
                            {{--</div>--}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <div class="m-actionsheet" id="actionSheet">
        <div class="aui-show-box">
            <div class="aui-show-box-title aui-footer-flex">
                <div class="aui-footer-flex1">选择数量</div>
                <div>
                    <a href="javascript:;" id="cancel" class="">
                        <i class="icon icon-close"></i>
                    </a>
                </div>
            </div>
            <div class="aui-show-box-cp aui-footer-flex">
                <div class="aui-show-box-img">
                    <img src="http://file.rzkeji.com/web/boluoji/1.jpg" alt="">
                </div>
                <div class="aui-show-box-text">
                    <h2>
                        ￥{{$good->amount}} <em>5件免邮</em>
                    </h2>
                    <p>
                        仅剩 <em>{{$good->stock}}</em>件
                    </p>
                </div>
            </div>
            <div class="aui-category-box">
                <p>数量</p>
                <div class="aui-category-box-list ">
                    <div style="float: right;margin-right: 25px;">
                        <button id="jian" style="width: 30px;height: 30px;border: none;color: white;background-color: #ef8314">-</button>
                        <input type="text" id="the_num" value="1" style="width: 42px;height: 32px;text-align: center;" />
                        <button id="jia" style="width: 30px;height: 30px;border: none;color: white;background-color: #ef8314">+</button>
                    </div>
                </div>
            </div>
            <div class="aui-footer-group aui-footer-flex1">
                <div class="aui-footer-flex">
                    <div class="aui-btn aui-btn-red" id="btn_buy">
                        <span>立即购买</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer class="aui-footer-button aui-footer-flex aui-footer-fixed">
        <div class="aui-footer-group aui-footer-flex1">
            <div class="aui-footer-flex">
                <div class="aui-footer-wrap" id="myOrder">
                    <i class="icon-order"></i>
                    <span>我的订单</span>
                </div>
                <div class="aui-btn aui-btn-red" data-ydui-actionsheet="{target:'#actionSheet',closeElement:'#cancel'}">
                    <span>立即购买</span>
                </div>
            </div>
        </div>
    </footer>
</section>
{{--<script type="text/javascript" src="{{url('js/jquery.min.js')}}"></script>--}}
<script type="text/javascript" src="{{url('js/tab.js')}}"></script>
<script type="text/javascript" src="{{url('js/layer.js')}}"></script>
<script type="text/javascript" src="{{url('js/touchSlider.js')}}"></script>
<script type="text/javascript">
    $(document).ready(function() {

        $(".main_img").touchSlider({
            flexible: true,
            speed: 200,
            btn_prev: $("#btn_prev"),
            btn_next: $("#btn_next"),
            paging: $(".point a"),
            counter: function(e) {
                $(".point a").removeClass("on").eq(e.current - 1).addClass("on");
                $(".img_font span").hide().eq(e.current - 1).show();
            }
        });

    });
    $(function() {

        $("#myOrder").click(function () {
            window.location.href="{{route('Home.User.myexchange')}}?type=dfh";
        })

        wxIni();
        function wxIni(){
            var url=location.href;
            $.ajax({
                type : "post",
                url : "{{route('Api.Wechat.getJsApiPacket')}}",//替换网址，xxx根据自己jssdk文件位置修改
                dataType : "json",
                data:{url:url},
                success : function(obj){
                    if(obj.level == 'success'){
                        var data = obj.data;
                        wx.config({
                            appId: data.appId,
                            timestamp: data.timestamp,
                            nonceStr: data.nonceStr,
                            signature: data.signature,
                            jsApiList: [
                                "updateAppMessageShareData", //分享给好友
                                "updateTimelineShareData", //分享到朋友圈
                                "chooseWXPay","openAddress"
                            ]
                        });

                        wx.ready(function () {   //需在用户可能点击分享按钮前就先调用
                            wx.updateAppMessageShareData({
                                title: '菠萝鸡免洗抑菌洗手液，数量有限，现开放购买', // 分享标题
                                desc: '含中药成分，二天堂制药合作产品', // 分享描述
                                link: "{{route('Home.Page.newGoodsDetail')}}?id=7", // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                                imgUrl: 'http://file.rzkeji.com/web/boluoji/1.jpg', // 分享图标
                                success: function () {
                                    // 设置成功
                                }
                            })

                            wx.updateTimelineShareData({
                                title: '菠萝鸡免洗抑菌洗手液，数量有限，现开放购买', // 分享标题
                                link: "{{route('Home.Page.newGoodsDetail')}}?id=7", // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                                imgUrl: 'http://file.rzkeji.com/web/boluoji/1.jpg', // 分享图标
                                success: function () {
                                    // 设置成功
                                }
                            })
                        });
                    }
                },
                error:function(data){
                    console.log("连接失败！");
                }
            });
        }

        $(window).bind("scroll", function() {
            var sTop = $(window).scrollTop();
            var sTop = parseInt(sTop);
            if (sTop >= 44) {
                if (!$("#scrollBg").is(":visible")) {
                    try {
                        $("#scrollBg").slideDown();
                    } catch (e) {
                        $("#scrollBg").show();
                    }
                }
            } else {
                if ($("#scrollBg").is(":visible")) {
                    try {
                        $("#scrollBg").slideUp();
                    } catch (e) {
                        $("#scrollBg").hide();
                    }
                }
            }
        });

        $("#jian").click(function () {
            var theNum = $("#the_num").val();
            if(parseInt(theNum) > 1){
                theNum--;
                $("#the_num").val(theNum);
            }
        })

        $("#jia").click(function () {
            var stock = "{{$good->stock}}";
            var theNum = $("#the_num").val();
            if(parseInt(theNum) < parseInt(stock)){
                theNum++;
                $("#the_num").val(theNum);
            }
        })

        $("#btn_buy").click(function () {
            var gid    = "{{$good->id}}";
            var theNum = $("#the_num").val();
            var stock  = "{{$good->stock}}";
            var num = 1;
            console.log(theNum,"theNum");
            console.log(stock);
            if(parseInt(theNum) > parseInt(stock)){
                num = stock;
            }else {
                num = theNum;
            }
            window.location.href="{{route('Home.Page.newOrder')}}?id="+gid+"&num="+num;
        })
    });
</script>
</body>
</html>
